<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>自定义扩展图表测试</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>
<body class="layout-top-nav"><!--skin-blue-light -->
<div class="page wrap-week">
   
    <!-- 这里是页面内容区 -->
    <div class="content">

        <div class="card card-echarts">
            <div class="card-header"><p>自定义扩展图表</p></div>
            <div class="card-content">
                <div class="card-content-inner">
                    <div  class="mmChart"
                          data-chart_type="radar"
                          style="height:24.5rem;"

                    >
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<!-- ./wrapper -->
<script src="../lib/jquery.min.js"></script>

<script src="../lib/echarts.min.js"></script>

<script src="../mm.echarts.js"></script>
<script src="./mm.echarts.radar.js"></script>

<script>
    $(function(){

         var dataset=[
            {value:84, name:'空间想象能力'},
            {value:70, name:'计算能力'},
            {value:74, name:'联想能力'},
            {value:65, name:'综合能力'}
        ];
		$('.mmChart').mmEcharts({dataset:dataset,groupField:'name',valueFields:{value:'能力分析'},maxValue:100});
    });
</script>

</body>
</html>